<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Home</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<script src="js/modernizr.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js" type="text/javascript"></script>
</head>

<body>
<div id="wrap">
	<div id="wrapin">
		
		<div id="top">
			<div id="logo">
				<a href="#"></a>
			</div>
			
			<div id="topright">
				
				<div id="toprighttop">
					<div id="search">
						<form action="#" method="get" >
							<input name="q" maxlength="50" type="text" value="" class="redborder" />
							<a class="search_btn" href="#">Search</a> 
						</form>
					</div>
					<div id="lang">
						Language:
						<div id="langchange">
							<span></span>
							<a class="current" href="#">English</a>
							<a href="#">Bulgarian</a>							
						</div>
					</div>
				</div>
				
				<div id="menu">
					<ul>
					<li><a href="">Home</a></li>
					<li><a href="">About us</a></li>
					<li><a href="">News</a></li>
					<li><a href="">Program</a></li>
					<li class="isparent"><a href="">Registration</a>
						<ul>
						<li><a href="">Information</a></li>
						<li><a href="">Registration form</a></li>
						</ul>
					</li>
					<li><a href="">login</a></li>
					</ul>
				</div>				
				
			</div>
		</div><!--#top-->
		
		<div id="content">
			
			<div class="left full">
				
				<h1>How to use</h1>
				
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae fringilla ante, non dapibus sapien. Ut mattis mi ac lacus sodales aliquam. Maecenas elementum...</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae fringilla ante, non dapibus sapien. Ut mattis mi ac lacus sodales aliquam. Maecenas elementum...</p>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae fringilla ante, non dapibus sapien. Ut mattis mi ac lacus sodales aliquam. Maecenas elementum...</p>
				
			</div>
			
			<div id="howslider">
				
				<div class="left">
					<img src="images/howslider/1-1.png"><br>
					Park your car
				</div>
				<div class="left">
					<img src="images/howslider/1-2.png"><br>
					Send SMS <br>for check in
				</div>
				<div class="left">
					<img src="images/howslider/1-3.png"><br>
					Do your biz
				</div>
				<div class="left">
					<img src="images/howslider/1-4.png"><br>
					Send SMS <br>for check out
				</div>
				<div class="left">
					<img src="images/howslider/1-5.png"><br>
					Leave
				</div>
				
				<div class="left">
					<img src="images/howslider/2-1.png"><br>
					Find a place and park your car
				</div>
				<div class="left">
					<img src="images/howslider/2-2.png"><br>
					Look for our details
				</div>
				<div class="left">
					<img src="images/howslider/2-3.png"><br>
					Pay via sms
				</div>
				<div class="left">
					<img src="images/howslider/2-4.png"><br>
					Do your biz
				</div>
				<div class="left">
					<img src="images/howslider/2-5.png"><br>
					Leave
				</div>
				
				
			</div>
			
			<div class="full left">
				
				<div class="tab-links">
					
				</div>
				
				<div class="tabswrap"><div class="tabs">
					
					<div data-title="Expertise">
						<p>
						1 We have lots of that. Having spent so many years in specialist sectors we have absorbed an enormous amount of information. Our ability to share this accumulated knowledge both amongst ourselves and with our clients enables us to solve our clients business problems quickly with intelligent insights.
						</p>
					</div>
					<div data-title="Expertise 2">
						<p>
						2 We have lots of that. Having spent so many years in specialist sectors we have absorbed an enormous amount of information. Our ability to share this accumulated knowledge both amongst ourselves and with our clients enables us to solve our clients business problems quickly with intelligent insights.
						</p>
						<div>
						2 We have lots of that. Having spent so many years in specialist sectors we have absorbed an enormous amount of information. Our ability to share this accumulated knowledge both amongst ourselves and with our clients enables us to solve our clients business problems quickly with intelligent insights.
						</div>
						<p>
						2 We have lots of that. Having spent so many years in specialist sectors we have absorbed an enormous amount of information. Our ability to share this accumulated knowledge both amongst ourselves and with our clients enables us to solve our clients business problems quickly with intelligent insights.
						</p>
						<p>
						2 We have lots of that. Having spent so many years in specialist sectors we have absorbed an enormous amount of information. Our ability to share this accumulated knowledge both amongst ourselves and with our clients enables us to solve our clients business problems quickly with intelligent insights.
						</p>
						<p>
						2 We have lots of that. Having spent so many years in specialist sectors we have absorbed an enormous amount of information. Our ability to share this accumulated knowledge both amongst ourselves and with our clients enables us to solve our clients business problems quickly with intelligent insights.
						</p>
					</div>
					<div data-title="Expertise3 tab &quot;test&quot;">
						<p>
						3 We have lots of that. Having spent so many years in specialist sectors we have absorbed an enormous amount of information. Our ability to share this accumulated knowledge both amongst ourselves and with our clients enables us to solve our clients business problems quickly with intelligent insights.
						</p>
					</div>
					
				</div></div>
			</div>
			
		</div>
		
	</div>
</div>
<div id="footerwrap">
	<div id="footer">
		<div id="footleft">
			<h3>Latest News</h3>
			
			<div class="new">
				<div class="title"><a href="#">This is title of the news</a></div>
				<div class="date">21.06.2013</div>
				<div class="content">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae fringilla ante, non dapibus sapien. Ut mattis mi ac lacus sodales aliquam. Maecenas elementum...</p>
				</div>
				<a class="readmore" href="#">Read more</a>
			</div>
			
			<div class="new">
				<div class="title"><a href="#">This is title of the news</a></div>
				<div class="date">21.06.2013</div>
				<div class="content">
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris vitae fringilla ante, non dapibus sapien. Ut mattis mi ac lacus sodales aliquam. Maecenas elementum...</p>
				</div>
				<a class="readmore" href="#">Read more</a>
			</div>
			
			
		</div>
		<div id="footright">
			<h3>Contact us</h3>
			
			Móvel: +351 91 4439564<br>
			Telefone: +351 308800769<br>
			Sede: Rua Ruivo Godinho, lote 6, R/C esq.<br>
			Castelo Branco 6000-275, Portugal<br>
			Email: office@olapark.pt
			
			<div class="social">
				<a class="fb" href="#"></a>
				<a class="tw" href="#"></a>
				<a class="sk" href="#"></a>
			</div>
		</div>
		<div id="footbot">
			<div id="copy">
				Copyright © 2013 OLAPARK. All rights reserved.
			</div>
			<div id="footmenu">
				<a href="#">Terms of Use</a>
				<a href="#">FAQ</a>
				<a href="#">Sitemap</a>
			</div>
		</div>
	</div>
</div>

<script type="text/javascript" language="javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
<script type="text/javascript" language="javascript" src="js/jquery.touchSwipe.min.js"></script>
<script type="text/javascript" language="javascript" src="js/script.js" ></script>
</body>
</html>
